<!--
 * @Author: your name
 * @Date: 2021-09-10 00:05:42
 * @LastEditTime: 2021-09-12 11:11:55
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: \more-money\src\components\Layout.vue
-->
<template>
    <div class="layout">
        <div class="nav-wrapper">
            <div class="content">
                <slot />
            </div>
        </div>
        <Nav />
    </div>
</template>

<script lang="ts">
    export default {
        name: 'Layout'
    };
</script>

<style lang="scss" scoped>
    .nav-wrapper{
        display: flex;
        flex-direction: column;
        height: 100vh;  //仅有一屏高度

    }
    .content{
        overflow: auto; //溢出处理
        flex-grow:1;  //为了使conten部分尽可能占满flex
    }
</style>